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BEGIN LOADING WEB PAGE 
FROM WEB SERVER 
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START TIMER 




startTime = 


new Date ( ) 
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FINISH LOADING WEB PAGE 
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STOP TIMER 




endTime = 


new Date ( ) 
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COMPARE TIMER START TIME AND 
END TIME TO DETERMINE PAGE 
• LOAD TIME 

loadTime = endTime -startTime 



REPORT LOAD TIME TO WEB 

PAGE DATA GATHERING 
SERVER FOR PROCESSING 
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FIRE OVERLOADED onUnload 
EVENT HANDLER 



62 



64 



VIEW TIME DETERMINED AND 
SENT TO DATA GATHERING 

SERVER 



FIG. 3A 
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ASSIGN NEW VARIABLE TO 
ORIGINAL onLoad EVENT 
HANDLER 

var theirLoad = 
window . onload 



52b 



OVERWRITE onLoad EVENT 
HANDLER 



window . onload = wtLoad 



ASSIGN NEW VARIABLE TO 
ORIGINAL onUnload EVENT 
HANDLER 

var theirUnLoad = 
window . onunload 



OVERWRITE onUnload EVENT 
HANDLER 



window. onunload = 
wtUnLoad 



OVERLOAD onLoad 
AND onUnload EVENT 
HANDLERS 



FIG. 3B 
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FIG. 4 

(Sample Code for Overloading Technique - Determining Page Load and 
Page View Times) 

<html> 
<h.ead> 

<script LANGUAGE=" javascript "> 

< 1 -- 

var startTime = new DateO; 

//--> 

</ script> 

<title>Page Load Test</title> 

</h.ead> 
<body> 

<script LANGUAGE=" javascript "> 

< ! - - 

var endTime, loadTime, viewTime; 

document .write {' <IMG NAME="wtImg" SRC="">'); 

function wtPutTagO 

{ 

var W="url="+window. document .URL; 
W+="ficloadtime="+loadTime; 
window . document . wt Img . src = 
"http : //my . server . cora/alert . asp? " +W 

} 

function wtLoadO 
{ 

if (window. theirLoad != null) theirLoadO ; 
endTime = new Date(); 
loadTime = endTime -startTime ; 
WtPutTagO ; 

} 

function wtUnLoad ( ) 
{ 

if (window. the irUnLoad 1= null) theirUnLoad ( ) ; 
viewTime = new DateO; 

} 

//Capture their load and unload then overload the 
functions 

var theirLoad = window. onload; 
window . onload = wtLoad; 
var theirUnLoad = window . onunlo ad; 
window . onunload = wtUnLoad; 

//--> 
</script> 
</body> 
</html> 
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FIG. 5 

(Using the onReadyStateChange Event Handler) 

<html> 
<head> 

<title>Page Load Test</title> 
< SCRIPT LANGUAGE=javascript> 

< ! - - 

var wtStart, wtEnd, loadTime 
wtStart = new Date () ; 

function wtTimeO 
{ 

if (document . readySt ate == "complete") 
{ 

WtEnd = new DateO ; 
loadTime = wtEnd - wtStart; 
var W= " ur 1 = " +window . document . URL ; 
W+= " &:loadtime= " +loadTime ; 
window . document , wtlmg . src = 
"http : //my. server . com/alert . asp? " +W 
} 

} 

document . onreadystatechange = wtTime ; 

//--> 
</SCRIPT> 
</head> 
<body> 

<SCRIPT LANGUAGE=javascript> 

< i - - 

document .write (' <IMG NAME="wtImg" SRC="">'); 

//--> 
</SCRIPT> 
</body> 
</html> 
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FIG. 6 

(Split JavaScript Tag - Bottom and Top of Page Code) 

<html> 
<head> 

<title>Page Load Test</title> 
<SCRIPT LANGUAGE=javascript> 

< ! - - 

var wtStart, wtEnd, loadTime 
wtStar-t = new Date() / 

//--> 
</SCRIPT> 
</head> 
<body> 

<SCRIPT LANGUAGE=javascript> 

< ! - - 

WtEnd = new DateO; 

loadTime = wtEnd - wtStart; 

var W= " ur 1 = " +window . document , URL ; 

W+= " Scloadt ime= " +loadTime ; 

document . write ( ' <Iiy!G 
SRC="http://my. server. com/alert .asp? ' +W+ • ">' ) ; 
//--> 
</SCRIPT> 
</body> 
</html> 



